<template>
	<view class="loading"></view>
</template>

<script>
	export default {
		name:"video-loading",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
page {
	.loading {
		width: 128upx;
		height: 64upx;
		background: url(@/static/images/loging.png) no-repeat;
		background-position: 50% 0;
		background-size: 64upx 3840upx;
		animation: Loading 1.5s infinite steps(60);
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	@keyframes Loading {
		0% {
			 background-position: 50% 0;
	
		}
		100% {
			// background-position: 0 -7680upx;
			background-position: 50% -3840upx;
		}
	}
}
</style>